<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css"/>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>

</head> 
<body>
<div data-role="page" id="page1">
    <div data-role="header">
        <h6>Welcome...</h6>
    </div>
    <div data-role="content">
        <a href="#page2">Go to Page 2</a>
        <p><a href="list.html">Listing Page</a></p>
    </div>
    <div data-role="footer">
        <h2>Footer Content</h2>
    </div>
</div>
</html>
 
<div data-role="page" id="page2">
    <div data-role="header">
        <a href="index.html" data-icon="home">Home</a>
        <h6>2nd Page</h6>
        <a data-rel="back" data-icon="back">Go back</a>
    </div>
    <div data-role="content">
        <a href="#page1">Return to Page 1</a>
       <label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" data-mini="true" />
    </div>
    <div data-role="footer">
        <h2>Footer Content</h2>
    </div>
</div>
</body>